<!doctype html>
<html>

	<head>
		<title>分类</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="assets/css/amazeui.min.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<script src="assets/js/jquery-1.9.0.min.js"></script>
	</head>

	<body>
		<div class="containter">
			<header data-am-widget="header" class="am-header am-header-default">
				<!--<div class="am-header-left am-header-nav">
					<a href="javascript:;" onClick="javascript :history.back(-1);">
						<img src="assets/images/left.png">
					</a>
				</div>-->
				<h1 class="am-header-title" style="margin:0 14%">
      分类
    </h1>
				<div class="am-header-right am-header-nav">
					<a href="tour_around.html">
						<img src="assets/images/glass1.png" style="width: 1.6rem">
					</a>
				</div>
			</header>
			<div style="height: 4rem; width: 100%;"></div>
			<div class="classify">
				<ul>
					<!--<li>
						<a href="">
							<img src="assets/images/c1.png" alt="">
							<div>
								<h2>港澳台</h2>
								<p>大三八、兰桂坊、迪士尼、海洋公园，让我带你了解缤纷十色的香港澳门。</p>
							</div>
							<img src="assets/images/right.png" class="right">
						</a>
					</li>
					<li>
						<a href="">
							<img src="assets/images/c2.png" alt="">
							<div>
								<h2>出境游</h2>
								<p>世界很大，我想去看看，来一场说走就走的旅行吧。</p>
							</div>
							<img src="assets/images/right.png" class="right">
						</a>
					</li>
					<li>
						<a href="">
							<img src="assets/images/c3.png" alt="">
							<div>
								<h2>国内游</h2>
								<p>跟着我们领略大中华的美食和美景，还有更多想不到的特色文化。民俗风情！</p>
							</div>
							<img src="assets/images/right.png" class="right">
						</a>
					</li>
					<li>
						<a href="">
							<img src="assets/images/c4.png" alt="">
							<div>
								<h2>邮轮</h2>
								<p>带你看世界，专业、优质、实惠。</p>
							</div>
							<img src="assets/images/right.png" class="right">
						</a>
					</li>
					<li>
						<a href="">
							<img src="assets/images/c5.png" alt="">
							<div>
								<h2>自由行</h2>
								<p>体验自由自在，无拘无束的旅行。</p>
							</div>
							<img src="assets/images/right.png" class="right">
						</a>
					</li>-->
				</ul>
			</div>
			<div class="service-list1">
				<div class="s-top"></div>
				<div class="s-center">
					<img src="assets/images/ren.png">
					<p>
						<span class="vlog_name">旅游专家</span><br>
						<span class="vlog_phone">1对1服务至心</span>
					</p>
					<button class="btn-left">选择专家</button>
					<button class="btn-right">暂不选择</button>
				</div>
			</div>
			<div class="service-list">
				<p class="s-top"></p>
				<div class="s-center">
					<img src="assets/images/head.png">
					<div class="s-right">
						<span style="font-size: 1.4rem">我的旅游专家：马钧</span>
						<span>营业部：福华营业部</span>
						<span>电话：13752567748</span>
					</div>
					<div class="clear"></div>
					<div class="bottom_btn_box" style="overflow: auto;width:100%;text-align: center;">
						<button class="btn1">切换专家</button>
						<button class="btn2">在线咨询</button>
						<button class="btn3">拨号</button>
					</div>
				</div>
			</div>
			<div style="width: 100%; height:4.5rem;"></div>
			<div class="footer">
				<ul>
					<li>
						<a href="index.html"><img src="assets/images/footer11.png"><br>首页</a>
					</li>
					<li>
						<a href="classify.html" class="active"><img src="assets/images/footer2.png"><br>分类</a>
					</li>
					<li class="service" id="service">
						<a href="#"><img src="assets/images/footer5.png"></a>
					</li>
					<li>
						<a href="hunt.html"><img src="assets/images/footer33.png"><br>目的地</a>
					</li>
					<li>
						<a href="heart.html"><img src="assets/images/footer44.png"><br>我的</a>
					</li>
				</ul>
			</div>
		</div>
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/allUse.js"></script>
		<!--3.1旅游分类-->
		<script type="text/javascript">
			if(token){//用户已登录
				
				if(sessionStorage.getItem("my_volg")==="un"){//不存在旅游专家
					live2();
				}else{
					live1();
				};
			}else{
				$("#service").click(function(){
					window.location.href="login.html";
				});
			};
			if(JSON.parse(window.sessionStorage.getItem("major_classfiy"))){
				var data=JSON.parse(window.sessionStorage.getItem("major_classfiy"));
				for(var i=0;i<data.data.length;i++){
					$(".classify ul").append('<li><a href="list.html?id='
					+data.data[i].id+'&name='+data.data[i].type_name+'"><img src="'
					+data.data[i].image+'" alt=""><div><h2>'
					+data.data[i].type_name+'</h2><p>'
					+data.data[i].type_desc+'。</p></div><img src="assets/images/right.png" class="right"></a></li>')
				}
			}else{
				$(function() {
					$.ajax({
						type: "get",
						url: url_enter+"/api/get_travel_main_type",
						headers: {
							"User-Token": "abc",
							"Os": localStorage.ios_Andriod,
							"Device-Id": "pc",
							"Screen": localStorage.wh,
							"Content-Type": "application/x-www-form-urlencoded"
						},
						data: {},
						success: function(data, status, xhr) {
							console.log(data);
							for(var i=0;i<data.data.length;i++){
								$(".classify ul").append('<li><a href="list.html?id='
								+data.data[i].id+'"><img src="'
								+data.data[i].image+'" alt=""><div><h2>'
								+data.data[i].type_name+'</h2><p>'
								+data.data[i].type_desc+'。</p></div><img src="assets/images/right.png" class="right"></a></li>')
							}
						},
						error: function(xhr, status, thrown) {
							console.log(xhr);
						}
					});
				});
			}
			
		</script>
	</body>

</html>